import React, { Component } from 'react';
import {
    StyleSheet,
    TouchableHighlight,
    Text,
    View
} from 'react-native';

const Icon=require('react-native-vector-icons/Ionicons');

export default class NavBar extends Component {
    constructor(props) {
        super(props);
        this.state = {
        };
    }

    render() {
        return (
            <View>

                <TouchableHighlight
                    onPress={()=>this.props.navigator.pop()
                }>
                    <Text style={[styles.text]}>
                        <Icon name="md-arrow-back" color="#4F8EF7" fontSize='60' />
                    </Text>
                </TouchableHighlight>
                <Text>{this.props.titleName}</Text>
            </View>
        )
    }
}



const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor:'#00bfff'
    },

});
